<template>

  <div>
    
    <img src="@/assets/eve.png" alt="Eve" style="width: 60%; height: auto;">
  </div>
  <div>
    <img src="@/assets/Tsinghua.jpg" alt="tsinghua" width="600px">
    <img src="@/assets/gfkj.png" alt="gfkj" width="600px">
  </div>
</template>

<script lang="ts" setup>
import { useRouter } from 'vue-router';
import { onMounted } from 'vue';
const router = useRouter();

const methods = {
  ok: true,
  menuItemClick: (name: string) => {
    router.push({
      name: name
    });
  }
};

</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2cb68f;
  margin-top: 0px;
}

.topbar {
  background: linear-gradient(to right, #81308f, #492b9f);
  padding: 0px 0;

}


.custom-menu-item {
  background-color: transparent !important;
  color: #67c23a;
  font-size: large;
}

.custom-menu-item-s {
  background-color: transparent !important;
  color: #67c23a !important;
  font-size: large;
}
</style>